import React, { Component } from 'react'
/**
 * setState语法两种情况
 * 1)setState(state更新后对象)
 * 2)setState(执行操作的回调函数，更新后的回调函数)
 *  注意：第一个回调函数必须要有返回值，返回值就是变化后的state对象
 */
export default class App extends Component {
 constructor(){
    super()
    this.state={
        count:0
    }
 }
 increment=()=>{
    console.log('更新前的count',this.state.count); //结果1：0
    this.setState(()=>{
        return{
            count:this.state.count+1
        }
    },()=>{
        console.log('更新后的count:',this.state.count);//结果2：1
    })
    console.log('或许是更新后的count',this.state.count);//结果3：0
 }
  render() {
    const {count}=this.state
    return (
      <div>
        <div>{count}</div>
        <button onClick={this.increment}>更新</button>
      </div>
    )
  }
}
